import IconWrapper from './Wrapper';

const RawIcon = (
  <svg viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path
      d="M8.6 0.55C8.35147 0.218629 7.88137 0.151472 7.55 0.4C7.21863 0.648528 7.15147 1.11863 7.4 1.45L8.6 0.55ZM11 5L11.6 5.45C11.8 5.18333 11.8 4.81667 11.6 4.55L11 5ZM7.4 8.55C7.15147 8.88137 7.21863 9.35147 7.55 9.6C7.88137 9.84853 8.35147 9.78137 8.6 9.45L7.4 8.55ZM7.4 1.45L10.4 5.45L11.6 4.55L8.6 0.55L7.4 1.45ZM10.4 4.55L7.4 8.55L8.6 9.45L11.6 5.45L10.4 4.55Z"
      fill="currentColor"
    />
    <path
      d="M1.6 0.55C1.35147 0.218629 0.881372 0.151472 0.550001 0.4C0.21863 0.648528 0.151472 1.11863 0.400001 1.45L1.6 0.55ZM4 5L4.6 5.45C4.8 5.18333 4.8 4.81667 4.6 4.55L4 5ZM0.4 8.55C0.151472 8.88137 0.218629 9.35147 0.55 9.6C0.881371 9.84853 1.35147 9.78137 1.6 9.45L0.4 8.55ZM0.400001 1.45L3.4 5.45L4.6 4.55L1.6 0.55L0.400001 1.45ZM3.4 4.55L0.4 8.55L1.6 9.45L4.6 5.45L3.4 4.55Z"
      fill="currentColor"
    />
  </svg>
);

const BoxedIcon = (
  <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path
      d="M12.6 5.55C12.3515 5.21863 11.8814 5.15147 11.55 5.4C11.2186 5.64853 11.1515 6.11863 11.4 6.45L12.6 5.55ZM15 10L15.6 10.45C15.8 10.1833 15.8 9.81667 15.6 9.55L15 10ZM11.4 13.55C11.1515 13.8814 11.2186 14.3515 11.55 14.6C11.8814 14.8485 12.3515 14.7814 12.6 14.45L11.4 13.55ZM11.4 6.45L14.4 10.45L15.6 9.55L12.6 5.55L11.4 6.45ZM14.4 9.55L11.4 13.55L12.6 14.45L15.6 10.45L14.4 9.55Z"
      fill="currentColor"
    />
    <path
      d="M5.6 5.55C5.35147 5.21863 4.88137 5.15147 4.55 5.4C4.21863 5.64853 4.15147 6.11863 4.4 6.45L5.6 5.55ZM8 10L8.6 10.45C8.8 10.1833 8.8 9.81667 8.6 9.55L8 10ZM4.4 13.55C4.15147 13.8814 4.21863 14.3515 4.55 14.6C4.88137 14.8485 5.35147 14.7814 5.6 14.45L4.4 13.55ZM4.4 6.45L7.4 10.45L8.6 9.55L5.6 5.55L4.4 6.45ZM7.4 9.55L4.4 13.55L5.6 14.45L8.6 10.45L7.4 9.55Z"
      fill="currentColor"
    />
  </svg>
);

export default IconWrapper(RawIcon, BoxedIcon);
